﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>课程查询</title>
    <link href="/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
    <link href="/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=3.2.0" rel="stylesheet">
    <link href="/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="/css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="/css/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
    <link href="/css/plugins/cropper/cropper.min.css" rel="stylesheet">

    <link href="/css/plugins/switchery/switchery.css" rel="stylesheet">

    <link href="/css/plugins/jasny/jasny-bootstrap.min.css" rel="stylesheet">

    <link href="/css/plugins/nouslider/jquery.nouislider.css" rel="stylesheet">


    <link href="/css/plugins/ionRangeSlider/ion.rangeSlider.css" rel="stylesheet">
    <link href="/css/plugins/ionRangeSlider/ion.rangeSlider.skinFlat.css" rel="stylesheet">

    <link href="/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">

    <link href="/css/plugins/clockpicker/clockpicker.css" rel="stylesheet">
    <!-- jqgrid-->
    <link href="/css/plugins/jqgrid/ui.jqgrid.css" rel="stylesheet">
    <!-- 全局js -->
    <script src="/js/jquery-2.1.1.min.js"></script>
    <script src="/js/bootstrap.min.js?v=3.4.0"></script>
    <script>
        $(function () {
            $("#navbar").load('/ts/navbar.html');
            $("#data_5 .input-daterange").datepicker({ keyboardNavigation: false, forceParse: false, autoclose: true });

        });
    </script>

    <style>
        .navbar-header {
            width: 150px;
        }

        .top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 20px;
        }
    </style>
</head>

<body class="gray-bg">
    <div class="gray-bg top-navigation">
        <div id="wrapper">
            <div id="page-wrapper" class="gray-bg">
                <div class="row border-bottom white-bg">
                    <nav class="navbar navbar-static-top" role="navigation">
                        <div class="navbar-header">
                            <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
                                <i class="fa fa-reorder"></i>
                            </button>
                            <a href="../index.html" class="navbar-brand">LOGO</a>
                        </div>
                        <div class="navbar-collapse collapse" id="navbar">

                            <!--脚本引入菜单页-->
                        </div>
                    </nav>
                </div>
                <div class="wrapper wrapper-content animated fadeInRight">
                    <!--查询表单-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>查询条件</h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="userInfoSeach.html#">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li>
                                                <a href="userInfoSeach.html#">选项1</a>
                                            </li>
                                            <li>
                                                <a href="userInfoSeach.html#">选项2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <form role="form" class="form-inline">

                                        <div class="form-group" id="data_5">
                                            <label class="font-noraml">开班时间</label>
                                            <div class="input-daterange input-group" id="datepicker">
                                                <input type="text" class="input-sm form-control" name="start" value="2017-06-14" />
                                                <span class="input-group-addon">到</span>
                                                <input type="text" class="input-sm form-control" name="end" value="2017-06-14" />
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="exampleInputEmail2" class="sr-only">课程名称</label>
                                            <input type="text" placeholder="请输入课程名称" id="exampleInputEmail2" class="form-control">
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputPassword2" class="sr-only">课程编码</label>
                                            <input type="text" placeholder="请输入课程编码" id="exampleInputPassword2" class="form-control">
                                        </div>
                                        <div class="checkbox m-l m-r-xs"></div>
                                        <button class="btn btn-sm btn-primary" style="margin-top:5px;" type="submit">查询</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--查询数据-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="ibox ">
                                <div class="ibox-content">
                                    <h4>人员信息</h4>
                                    <div class="jqGrid_wrapper">
                                        <table id="table_list_1"></table>
                                        <div id="pager_list_1"></div>
                                    </div>
                                    <p>&nbsp;</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>



    <!-- 自定义js -->
    <script src="/js/content.min.js?v=1.0.0"></script>
    <!-- ChartJS-->
    <script src="/js/plugins/chartJs/Chart.min.js"></script>
    <!-- Flot -->
    <script src="/js/plugins/flot/jquery.flot.js"></script>
    <script src="/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="/js/plugins/flot/jquery.flot.resize.js"></script>
    <!-- Peity -->
    <script src="/js/plugins/peity/jquery.peity.min.js"></script>
    <!-- Peity demo -->
    <script src="/js/demo/peity-demo.min.js"></script>
    <!-- jqGrid -->
    <script src="/js/plugins/jqgrid/i18n/grid.locale-cn.js"></script>
    <script src="/js/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    


    <!-- Chosen -->
    <script src="/js/plugins/chosen/chosen.jquery.js"></script>

    <!-- JSKnob -->
    <script src="/js/plugins/jsKnob/jquery.knob.js"></script>

    <!-- Input Mask-->
    <script src="/js/plugins/jasny/jasny-bootstrap.min.js"></script>

    <!-- Data picker -->
    <script src="/js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Prettyfile -->
    <script src="/js/plugins/prettyfile/bootstrap-prettyfile.js"></script>

    <!-- NouSlider -->
    <script src="/js/plugins/nouslider/jquery.nouislider.min.js"></script>

    <!-- Switchery -->
    <script src="/js/plugins/switchery/switchery.js"></script>

    <!-- IonRangeSlider -->
    <script src="/js/plugins/ionRangeSlider/ion.rangeSlider.min.js"></script>

    <!-- iCheck -->
    <script src="/js/plugins/iCheck/icheck.min.js"></script>

    <!-- MENU -->
    <script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>

    <!-- Color picker -->
    <script src="/js/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>

    <!-- Clock picker -->
    <script src="/js/plugins/clockpicker/clockpicker.js"></script>

    <!-- Image cropper -->
    <script src="/js/plugins/cropper/cropper.min.js"></script>

    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function () {

            //列表数据
            $.jgrid.defaults.styleUI = "Bootstrap";
            var a = [{ id: "1", course_name: "数学", course_num: "course_num1", course_type: "理论", teacher: "张某", begin_plan: "完成", absent_num: "2"},
                { id: "2", course_name: "语文", course_num: "course_num2", course_type: "OJT", teacher: "张某", begin_plan: "进行中", absent_num: "2" },
                { id: "3", course_name: "语文", course_num: "course_num3", course_type: "E学网", teacher: "张某", begin_plan: "计划中", absent_num: "2"},
                { id: "4", course_name: "语文", course_num: "course_num4", course_type: "理论", teacher: "张某", begin_plan: "完成", absent_num: "2" },
                { id: "5", course_name: "语文", course_num: "course_num3", course_type: "理论", teacher: "张某", begin_plan: "完成", absent_num: "2" },
                { id: "6", course_name: "数学", course_num: "course_num4", course_type: "E学网", teacher: "张某", begin_plan: "完成", absent_num: "2" },
                { id: "7", course_name: "语文", course_num: "course_num4", course_type: "E学网", teacher: "张某", begin_plan: "完成", absent_num: "2" },
                { id: "8", course_name: "数学", course_num: "course_num4", course_type: "E学网", teacher: "张某", begin_plan: "完成", absent_num: "2" },
                { id: "9", course_name: "语文", course_num: "course_num4", course_type: "E学网", teacher: "张某", begin_plan: "计划中", absent_num: "2" }];
            $("#table_list_1").jqGrid({
                data: a, datatype: "local", height: 250, autowidth: true, shrinkToFit: true, rowNum: 14, rowList: [10, 20, 30],
                colNames: ["序号", "课程名称", "课程编码", "课程类别", "教员", "课程开班计划", "缺课人数"],
                colModel: [{ name: "id", index: "id", width: 60, sorttype: "int" },
                    { name: "course_name", index: "course_name", width: 90 }, //sorttype: "date", formatter: "date"
                    { name: "course_num", index: "course_num", width: 100, sorttype: "int" },
                    { name: "course_type", index: "course_type", width: 80 },//sorttype: "float", formatter: "number" 
                    { name: "teacher", index: "teacher", width: 80 },
                    { name: "begin_plan", index: "begin_plan", width: 80 },
                    { name: "absent_num", index: "absent_num", width: 80, sorttype: "int" }
                    //{ name: "note", index: "note", width: 150, sortable: false }
                ],
                pager: "#pager_list_1",
                viewrecords: true,
                caption: "课程信息",
                hidegrid: false
            });

            $(window).bind("resize", function () {
                var b = $(".jqGrid_wrapper").width();
                $("#table_list_1").setGridWidth(b)
            })

            // $("#data_5 .input-daterange").datepicker({ keyboardNavigation: false, forceParse: false, autoclose: true });

        });
    </script>


    <!-- <script type="text/javascript" src="../../../../tajs.qq.com/stats@sId=9051096.html" charset="UTF-8"></script>-->
    <!--统计代码，可删除-->
</body>
</html>